<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
<title>{% block title %}wJ cOnTacT {% endblock %}</title>

<script type="text/javascript">
function loadCss()
{
var mylist = document.getElementById("cssList")
document.getElementById("favorite").value = mylist.options[mylist.selectedIndex].text
css_file = mylist.options[mylist.selectedIndex].text
document.getElementById('css').href = "/sitemedia/css/".concat(css_file)
}
</script>
<!-- by default, use the following stylesheet --> 


<link id="css" rel="stylesheet" type="text/css" href="/sitemedia/css/tux_blue.css" />
</head>

<!-- {# This template based on the one in the "templates for html authors" section of the django docs #} -->
<!-- {# The sidebar links and css are taken from Susmita's work #} -->
<body>
<!-- <div style="position: absolute; right: 90%; top: 10%; padding: 1em; background-color: red;">layer stuff</div> -->
<div id="navbar" class = "leftcol" >
{% block sidebar %}
    <ul class = "navitem">
        <li class="navitem"><a href="logout/" title="logout">Logout</a></li>
        <li class="navitem"><a href="newform" title="Enter data in new form">Newform</a></li>
        <li class="navitem"><a href="contact.html" title="Retrieve contact details">Contact</a></li>
        <li class="navitem"><a href="sales.html" title="Retrieve sales details">Sales</a></li>
        <li class="navitem"><a href="computer.html" title="Retrieve computer details">Computer</a></li>
        <li class="navitem"><a href="recipients.html" title="Retrieve recipients details ">Recipients</a></li>
        <li class="navitem"><a href="reports.html" title="Retrieve reports">Reports</a></li>
    </ul>
{% endblock sidebar %}
</div>
   

    
<!-- {% comment %} This next bit from the admin base.html template in django.contrib.admin  
    {% if user.is_authenticated and user.is_staff %}
        <div id="user-tools">{% trans 'Welcome,' %} <strong>{% if user.first_name %}{{ user.first_name|escape }}{% else %}{{ user.username }}{% endif %}</strong>. {% block userlinks %}<a href="doc/">{% trans 'Documentation' %}</a> / <a href="password_change/">{% trans 'Change password' %}</a> / <a href="logout/">{% trans 'Log out' %}</a>{% endblock %}</div>
        {% endif %}     {% endcomment %} -->
        
    <div id="content">
        {% block content %}{% endblock %}
    </div>
    

{% if settings.CBV_DEBUG %}
<div class="devstuff" id = "bottombar">
  {% block devstuff %}
  <h1 class="devstuff"> Developer Stuff </h1>
  <form class="devstuff">
  <p> Select a css file to use: </p>
  <select id="cssList" onchange="loadCss()">
    {% for file in css_files %}
      <option>{{ file }}</option>
    {% endfor %}
  </select>
  <p style="display: none;" > You have selected: <input type="text" id="favorite" size="20"/> </p>
  </form>
  {% endblock devstuff %}
</div>  
{% endif %}
</body>
</html>